<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>登录</title>
 <link rel="stylesheet" type="text/css" href="css/public/login.css?v=232">
 <script src="js/common/jquery-1.10.2.min.js"></script>
 <script type="text/javascript" src="js/common/jquery.md5.js"></script>
 <script type="text/javascript" src="js/common/util.js?v=1.0"></script>
<script type="text/javascript" src="js/public/login.js?v=3"></script>
</head>
<body>
	<div class="login-all" style="display: block;">
			<div class="login">
					<form action="" id="form-login">
								 <table border="0" cellspacing="0" cellpadding="0" >
		                            <tr>
		                                <td>账&nbsp;&nbsp;&nbsp;号</td>
		                                <td width="220">
		                                <div style="float: left;margin-top: 5px;">
		                                    <input class="text-style" type="text" id="username" name="username" placeholder="账号/电子邮箱/手机号" autocomplete="off" value="">
		                                </div>
		                                  <td width="80"><span id="span1" style="color: red;font-size: 12px;"></span></td>
		                            </tr>
		                            <tr style="margin-top: 5px;">
		                                <td>密&nbsp;&nbsp;&nbsp;码</td>
		                                <td width="220">
		                                  <div style="float: left;margin-top: 5px;">
		                                    <input class="text-style" style="width: 200px;" type="password" id="password" name="password" placeholder="请输入密码" autocomplete="off" value="">
		                                </div>
		                                </td>
		                                <td width="80"><span id="span2" style="color: red;font-size: 12px;"></span></td>
		                            </tr>
		                           <!--  <tr>
		                                <td>验证码</td>
		                                <td width="220">
			                                <div style="float: left;margin-top: 5px;">
			                                        <input type="text" id="vcode" value="" name="vcode" style="height: 35px;width: 70px;">
			                                </div>
		                                    <div style="float: left;margin-left: 10px;margin-top: 5px;">
		                                        <img style="height: 35px;" id="code" width="80" src="servlet/ServletCode" alt="验证码" onclick="changeImg();" />
		                                        <a href="javascript:;"  onclick="changeImg();" style="font-size:14px;color:blue;text-decoration: none;line-height: 35px;height: 35px;text-align: center;">换一张</a>
		                                    </div>
		                                </td>
		                                <td></td>
		                            </tr> -->
		                            <tr >
		                                <td colspan="2">
		                                    <div id="forget-pwd">
		                                        <a href="forgetPassword" target="_black" style="color: #000000;">忘记密码？</a>
		                                    </div>
		                                </td>
		                                <td></td>
		                            </tr>
		                            <tr>
		                                <th></th>
		                                <td width="220">
		                                	<input  id="login-button" type="button" value="登  录" onclick="checkUser(1);">
		                                </td>
		                            </tr>
		                            <tr>
		                                <th></th>
		                                <td width="220" style="font-size: 13px;">
				                                使用第三方账号登陆
		                                </td>
		                            </tr>
		                            <tr>
		                                <th></th>
		                                <td width="220">
		                                		<img alt="" src="images/weixing.png">
		                                		<img alt="" src="images/qq.png">
		                                </td>
		                            </tr>
                    </table>
					</form>
			</div>
			<div class="reg">
					还没有帐号?<br>
					赶紧免费注册一个吧,<br>
					<a  id="reg-button" href="public/user/register" target="_black">注册</a>
					<br><br><br>
					<img alt="" src="images/windxun.png"><br>
					<span style="font-size: 12px;">手机扫一扫</span>
					<br><br><br>
					<a href="public/index" style="color: black;">返回首页</a><br>
			</div>
	</div>
	
	<!-- 人脸识别 -->
	<%-- <div style="width: 300px;height: 300px;background: green;">
			<video id="video" style="width: 200px;height: 200px;" autoplay="autoplay"></video>
			<canvas id="canvas" style="width: 200px;height: 200px;"></canvas>
	</div> --%>
	
	<script type="text/javascript">
		/* var getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||  navigator.mozGetUserMedia;;
		getUserMedia.call(navigator,{video:true,dudio:false},function(localMediaStream){
			var windowURL = window.URL ||window.webkitURL;
			try{
				$("#video").attr("src",windowURL.createObjectURL(localMediaStream));
			}catch(e){
				//谷歌浏览器
				video.srcObject = localMediaStream;
			}
		},function(e){
			console.log("获取摄像头失败",e);
		}); */
	</script>
</body>
</html>
